<template>
  <div class="container">
    <!-- 分类 -->
    <HomeCategory></HomeCategory>
    <!-- 轮播图 -->
    <HomeBanner></HomeBanner>
  </div>

  <!-- 新鲜好物 -->
  <HomeNew></HomeNew>
  
  <HomeProduct></HomeProduct>
</template>

<script setup>
import HomeCategory from "./component/HomeCategory.vue";
import HomeBanner from "./component/HomeBanner.vue";
import HomeNew from "./component/HomeNew.vue";
import HomeProduct from "./component/HomeProduct.vue";
</script>

<style scoped>
.container {
  position: relative;
  width: 1240px;
  margin: 0 auto;
}
</style>